<div class="site-page-header-ghost-wrapper">
    <nz-page-header [nzGhost]="true" class="site-page-header" nzTitle="movielens">
    </nz-page-header>
</div>
<div align="center">
    <h2>系统登录</h2>
    <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
        <nz-form-item>
        <nz-form-control nzErrorTip="Please input your email!">
            <nz-input-group>
            <input type="text" nz-input formControlName="username" placeholder="登录邮箱" />
            </nz-input-group>
        </nz-form-control>
        </nz-form-item>
        <nz-form-item>
        <nz-form-control nzErrorTip="Please input your password!">
            <nz-input-group>
            <input type="password" nz-input formControlName="password" placeholder="登录密码" />
            </nz-input-group>
        </nz-form-control>
        </nz-form-item>
        <div nz-row class="login-form-margin">
        <div nz-col [nzSpan]="12">
            <label type="checkbox" nz-checkbox formControlName="remember">
            <span>Remember me</span>
            </label>
        </div>
        <div nz-col [nzSpan]="12">
            <a class="login-form-forgot">Forgot password</a>
        </div>
        </div>
        <button nz-button class="login-form-button login-form-margin" [nzType]="'primary'">Log in</button>
        Or <a routerLink="/register"> register now! </a>
    </form>
</div>